$(function () {
	// 点击登录链接
	$('#link_login').on('click', function () {
		$('.login-box').show();
		$('.reg-box').hide();
	});
	// 点击注册链接
	$('#link_reg').on('click', function () {
		$('.reg-box').show();
		$('.login-box').hide();
	});

	// 获取form对象设置校验
	// const form = layui.form;
	const { form } = layui;
	// console.log(form);
	form.verify({
		// 自定义密码校验规则
		pwd: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'],
		repwd: function (value) {
			// 获取确认密码内容与密码框进行等号判断  return即可
			const pwd = $('.reg-box [name=password]').val();
			if (pwd !== value) {
				return '两次密码不一致！';
			}
		}
	});
	// 监听注册表单
	const layer = layui.layer;
	$('#form_reg').on('submit', function (e) {
		e.preventDefault();
		const data = {
			// 后代选择器获取值
			username: $('#form_reg [name=username]').val(),
			password: $('#form_reg [name=password]').val()
		};
		// console.log(data);
		$.ajax({
			type: 'POST',
			url: '/api/reguser',
			data,
			success(res) {
				if (res.status !== 0) {
					return layer.msg(res.message);
				}
				layer.msg('注册成功，请登录！');
				$('#link_login').click();
			}
		});
	});
	// 登录
	$('#form_login').on('submit', function (e) {
		e.preventDefault();
		$.ajax({
			method: 'POST',
			url: '/api/login',
			data: $(this).serialize(),
			success(res) {
				if (res.status !== 0) {
					return layer.msg('登录失败!');
				}
				layer.msg('登录成功！');
				// 获取token字符串 为后续网页内容查看权限标识
				localStorage.setItem('token', res.token);
				// 加载到主页
				location.href = './index.html';
			}
		});
	});
});
